<!DOCTYPE html>
<html lang="zh-CN">

	<html>
		<head>
			<meta charset="utf-8" />
			<meta name="author" content="Shanggaun Zhiyan" />
			<meta name="description" content="Log in your Aoxiang account." />
			<meta name="renderer" content="webkit" />
			<link rel="stylesheet" type="text/css" href="css/index.css" />
			<title></title>
		</head>
		<body>
			<div id="logo">
				<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/nwpu/logo.png" alt="Logo" />
			</div>
			<div id="background">
				<img src="https://portalfiles.nwpu.edu.cn/resources/attachment/4/1557137354325_8bd60c2c-68e9-703d-9cec-e81d225ea5e6.jpg"
					alt="Background" />
			</div>
			<div id="main">
				<ul id="login-choise">
					<li class="login-main-content-clicked">账号登录</li>
					<li class="login-main-content-unclicked">手机动态码登录</li>
				</ul>
				<ul id="login-input">
					<li class="login-info">
						<form>
							<input class="login-info-input" type="text" size="10" maxlength="16" placeholder="请输入用户名" />
							<img id="user-name-pic" src="img/user_name.png" alt="user name"></span>
						</form>
					</li>
					<li class="login-info">
						<form>
							<input class="login-info-input" type="password" size="20" maxlength="16"
								placeholder="请输入密码" />
							<img id="password-pic" src="img/password.png" alt="password" /></span>
						</form>
					</li>
					<li id="remember-or-forget">
						<form>
							<span><input type="checkbox" id="remember-me" name="记住我" value="记住我" /><label
									for="remember-me">记住我</label> </span>
							<a href="https://uis.nwpu.edu.cn/find-pwd">忘记密码</a>
						</form>
					</li>
					<li id="login-button">
						<form>
							<input type="submit" value="登录" />
						</form>
					</li>
					<li id="other-login-way">
						<span>其他方式登录</span>
						<a
							href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101503399&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fqq&response_type=code&scope=get_user_info&state=6VC4YM">
							<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/qq.png" alt="qq" />
						</a>
						<a
							href="https://open.weixin.qq.com/connect/qrconnect?appid=wx1579e5a7bba2da75&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fopenweixin&response_type=code&scope=snsapi_login,snsapi_userinfo&state=UUjzfd#wechat_redirect">
							<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/wechat.png" alt="wechat" />
						</a>
					</li>
					<li id="activate-account">
						<a href="https://uis.nwpu.edu.cn/active-account">激活账号</a>
					</li>
				</ul>
			</div>
		</body>
	</html>
